<template>
  <div>
    1
  </div>
</template>

<script>
// import { api } from '~/api/test.js'
import axios from 'axios' // eslint-disable-line
// console.log(api)
export default {
  // async asyncData ({ params }) {
  //   const { data } = await axios.get('/api/data')
  //   console.log('data：' + data)
  //   return { title: data.title }
  // },
  // asyncData ({ params, error }) {
  //   return axios.get(`/api/data`)
  //     .then((res) => {
  //       return { title: res.data.title }
  //     })
  //     .catch((e) => {
  //       error({ statusCode: 404, message: 'Post not found' })
  //     })
  // },
  data () {
    return {
      name: 1
    }
  },
  created () {
    axios.get('/api/data').then(res => {
      console.log(res)
    })
  },
  mounted () {

    // axios.get('zx.json').then(res => {
    //   console.log(res)
    // })
    // axios.get('re').then(res => {
    //   console.log(res)
    // })
    // console.log(this.name)
  },
  methods: {
    onSubmit () {
      console.log('submit!')
    }
  }
}
</script>

<style>
.container {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.title {
  font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */
  display: block;
  font-weight: 300;
  font-size: 100px;
  color: #35495e;
  letter-spacing: 1px;
}

.subtitle {
  font-weight: 300;
  font-size: 42px;
  color: #526488;
  word-spacing: 5px;
  padding-bottom: 15px;
}

.links {
  padding-top: 15px;
}
</style>

